<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05.template的使用</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/art-template/4.13.2/lib/template-web.js"></script>
</head>
<body>

    <div id="divBoxNode">
        
    </div>

     <script id="boxTemplate" type="text/html">
        <div>
            我是一个模板
        </div>
        <H1>我是一个标题</H1>

     </script>

     <script>

        //console.dir(template);
        // 1 将模板渲染成html
        var html = template("boxTemplate")()
        console.dir(html);
        divBoxNode.innerHTML = html


     </script>

   

    <!-- 
      模板引擎：
          1. 引入模板引擎
          2. 创建模板
          3. 将模板渲染到页面上

     -->
    
</body>
</html>